<html>
<head>
	<title>title</title>
	<meta http-equiv="content" contect="text/html"; charse="utf-8"/>
</head>
<body>
	<!--顶部-->
	<table bgcolor="#0078C8" width="100%" cellspacing="0">
		
			<tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td class="logoarea">
					<img src="img\ti.png">
					<div style="margin-top:10px;color:#ffffff;">教师题库</div>
				</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td class="logoarea">
					<img src="img\home.png">
					<div style="margin-top:10px;color:#ffffff;">我的问卷</div>
				</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td class="logoarea">
					<img src="img\mine.png" style="width:26px;height:26px;">
					<div style="margin-top:3px;margin-left:5px;color:#ffffff;">12345678900</div>
				</td>			
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td class="logoarea">
					<img src="img\exit.png" style="width:20px;height:20px;">
					<div style="margin-left:5px;color:#ffffff;">退出</div>
				</td>
			</tr>
	</table>
	<div style="width:100%;height:5px;background:#0078C8;" ></div>
	<div class="add-search">
		<div class="myadd">
			<img src="img\add.png" style="width:20px;height:20px;">
			<div style="color:#ffffff">添加题目</div>
		</div>
		<div class="search">
			<input placeholder="请输入题目名进行搜索" class="searchinput"></input>  
			<img src="img\search.png" style="width:20px;height:20px;margin-left:70px;margin-top:8px;">
		</div>
	</div>
	<div style="width:100%;height:1px;background:#A9A9A9;margin-top:20px;"></div>
	<div class="mylist">
		<div class="mylisttopview">
			<div style="margin-left:20px;">Test01</div>
			<div style="margin-left:20px;">ID：1234567890</div>
			<div class="mylisttime" style="position:absolute;right:40px;">
				<div>xx月xx日</div>
				<div style="margin-left:20px;">xx:yy</div>
			</div>
		</div>
		<div class="mylistbottom">
			<div style="margin-left:20px;margin-top:20px;">在正常情况下，1+1等于2吗？</div>
			<div style="display:flex;position:absolute;right:40px;margin-top:20px;">
				<img src="img\del.png" style="width:30px;height:25px;">
				<div style="#a9a9a9;">删除</div>
			</div>
		</div>
	</div>
	<style type="text/css">
		.logoarea{
			display: flex;
    		justify-content: flex-start;
    		/*display: inline-block;*/

		}
		.add-search{
			width: 100%;
			background:#ffffff;
		}
		.add-search{
			width: 100%;
			display: flex;
    		justify-content: flex-start;
    		margin-top: 40px;
		}
		.myadd{
			width: 100px;
			display: flex;
    		justify-content: flex-start;
    		border:3px solid #FA911E;
    		border-radius: 20px;
    		padding-left: 15px;
    		padding-top: 6px;
    		padding-bottom: 6px;
    		background: #FA911E;
    		margin-left: 150px;
		}
		input{
    		border: none;
    		outline:none;
		}
		input:focus{ outline:none; }
		.search{
			width: 300px;
			background: #ffffff;
			border-radius: 20px;
			margin-left: 15px;
			border:1px solid #808080;
		}
		.searchinput{
			margin-top: 5px;
			height: 30px;
			margin-left: 15px;
			float: left;
		}
		.mylist{
			width: 100%;
			background: #ffffff;
			margin-top: 40px;
			border-radius: 20px;
			border:1px solid #808080;
		}
		.mylisttopview{
			display: flex;
			padding-top: 15px;
			padding-bottom: 15px;
			background: #E6F0FA;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
		}
		.mylisttime{
			display: flex;
		}
		.mylistbottom{
			width: 100%;
			height: 60px;
			display: flex;
		}
	</style>
	
</body>
</html>